Sample Tokens / Colour
Table of Contents
contrast targets
| base | base-100#F6F6F6Contrast Test ResultsBaseAA 500 600 AAA 600 600 Max 900 PurpleAA 500 600 AAA 600 700 Max 900 TurquoiseAA 500 600 AAA 600 700 Max 900 RedAA 500 600 AAA 600 700 Max 900 | base-150#EAEAEAContrast Test ResultsBaseAA 500 600 AAA 600 700 Max 900 PurpleAA 500 600 AAA 600 700 Max 900 TurquoiseAA 500 600 AAA 600 700 Max 900 RedAA 500 600 AAA 600 700 Max 900 | base-200#DEDEDEContrast Test ResultsBaseAA 500 600 AAA 600 700 Max 900 PurpleAA 500 600 AAA 600 700 Max 900 TurquoiseAA 500 600 AAA 600 700 Max 900 RedAA 500 600 AAA 600 700 Max 900 | base-250#D2D2D2Contrast Test ResultsBaseAA 600 600 AAA 600 700 Max 900 PurpleAA 600 600 AAA 600 700 Max 900 TurquoiseAA 600 600 AAA 600 700 Max 900 RedAA 600 600 AAA 600 750 Max 900 | base-300#C6C6C6Contrast Test ResultsBaseAA 600 600 AAA 600 700 Max 900 PurpleAA 600 700 AAA 700 750 Max 900 TurquoiseAA 600 700 AAA 700 750 Max 900 RedAA 600 700 AAA 700 750 Max 900 | base-400#9E9E9EContrast Test ResultsBaseAA 700 700 AAA 700 900 Max 900 PurpleAA 700 750 AAA 750 900 Max 900 TurquoiseAA 700 750 AAA 750 900 Max 900 RedAA 700 750 AAA 750 900 Max 900 | base-600#525252Contrast Test ResultsBaseAA 300 300 AAA 300 100 Max 100 PurpleAA 300 200 AAA 200 100 Max 100 TurquoiseAA 300 250 AAA 250 100 Max 100 RedAA 300 250 AAA 250 100 Max 100 | base-700#303030Contrast Test ResultsBaseAA 400 400 AAA 400 300 Max 100 PurpleAA 400 300 AAA 300 250 Max 100 TurquoiseAA 400 300 AAA 300 250 Max 100 RedAA 400 300 AAA 300 250 Max 100 | base-750#272727Contrast Test ResultsBaseAA 500 400 AAA 400 300 Max 100 PurpleAA 500 400 AAA 400 300 Max 100 TurquoiseAA 500 400 AAA 400 300 Max 100 RedAA 500 400 AAA 400 300 Max 100 | base-800#1E1E1EContrast Test ResultsBaseAA 500 400 AAA 400 300 Max 100 PurpleAA 500 400 AAA 400 300 Max 100 TurquoiseAA 500 400 AAA 400 300 Max 100 RedAA 500 400 AAA 400 300 Max 100 | base-850#161616Contrast Test ResultsBaseAA 500 400 AAA 400 300 Max 100 PurpleAA 500 400 AAA 400 300 Max 100 TurquoiseAA 500 400 AAA 400 300 Max 100 RedAA 500 400 AAA 400 300 Max 100 | base-900#0B0B0BContrast Test ResultsBaseAA 500 400 AAA 400 400 Max 100 PurpleAA 500 400 AAA 400 300 Max 100 TurquoiseAA 500 400 AAA 400 300 Max 100 RedAA 500 400 AAA 400 300 Max 100 | base-black#000000 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| purple | purple-100#FBF7FFContrast Test ResultsBaseAA 500 600 AAA 600 600 Max 900 | purple-150#F0E1FDContrast Test ResultsBaseAA 500 600 AAA 600 700 Max 900 | purple-200#E5CCFBContrast Test ResultsBaseAA 500 600 AAA 600 700 Max 900 | purple-250#DAB5F7Contrast Test ResultsBaseAA 600 700 AAA 700 700 Max 900 | purple-300#D09FF3Contrast Test ResultsBaseAA 600 700 AAA 700 750 Max 900 | purple-400#BB78E4Contrast Test ResultsBaseAA 700 750 AAA 750 Max 900 | purple-600#7F35A6Contrast Test ResultsBaseAA 300 250 AAA 250 Max 100 | purple-700#591E7BContrast Test ResultsBaseAA 400 300 AAA 300 250 Max 100 | purple-750#461A5FContrast Test ResultsBaseAA 400 400 AAA 400 300 Max 100 | purple-800#331545Contrast Test ResultsBaseAA 500 400 AAA 400 300 Max 100 | purple-850#21102BContrast Test ResultsBaseAA 500 400 AAA 400 300 Max 100 | purple-900#100314Contrast Test ResultsBaseAA 500 400 AAA 400 400 Max 100 | ||
| turquoise | turquoise-100#F0FCF7Contrast Test ResultsBaseAA 500 600 AAA 600 600 Max 900 | turquoise-150#D0EFE3Contrast Test ResultsBaseAA 500 600 AAA 600 700 Max 900 | turquoise-200#B0E2D0Contrast Test ResultsBaseAA 500 600 AAA 600 700 Max 900 | turquoise-250#8FD4BCContrast Test ResultsBaseAA 600 600 AAA 600 700 Max 900 | turquoise-300#6BC7A8Contrast Test ResultsBaseAA 600 700 AAA 700 750 Max 900 | turquoise-400#43A68AContrast Test ResultsBaseAA 700 750 AAA 750 Max 900 | turquoise-600#0E6650Contrast Test ResultsBaseAA 300 250 AAA 250 Max 100 | turquoise-700#0D4736Contrast Test ResultsBaseAA 400 300 AAA 300 250 Max 100 | turquoise-750#0F382AContrast Test ResultsBaseAA 400 400 AAA 400 300 Max 100 | turquoise-800#0E291FContrast Test ResultsBaseAA 500 400 AAA 400 300 Max 100 | turquoise-850#0B1B15Contrast Test ResultsBaseAA 500 400 AAA 400 300 Max 100 | turquoise-900#000A06Contrast Test ResultsBaseAA 500 400 AAA 400 400 Max 100 | ||
| red | red-100#FFF6F5Contrast Test ResultsBaseAA 500 600 AAA 600 600 Max 900 | red-150#FFE0DDContrast Test ResultsBaseAA 500 600 AAA 600 700 Max 900 | red-200#FFCBC6Contrast Test ResultsBaseAA 500 600 AAA 600 700 Max 900 | red-250#FFB4AEContrast Test ResultsBaseAA 600 600 AAA 600 700 Max 900 | red-300#FF9D96Contrast Test ResultsBaseAA 600 700 AAA 700 750 Max 900 | red-400#EE7066Contrast Test ResultsBaseAA 700 750 AAA 750 Max 900 | red-600#A92B24Contrast Test ResultsBaseAA 300 250 AAA 250 Max 100 | red-700#7B1914Contrast Test ResultsBaseAA 400 300 AAA 300 200 Max 100 | red-750#601613Contrast Test ResultsBaseAA 400 400 AAA 400 300 Max 100 | red-800#451310Contrast Test ResultsBaseAA 500 400 AAA 400 300 Max 100 | red-850#2C0F0AContrast Test ResultsBaseAA 500 400 AAA 400 300 Max 100 | red-900#130301Contrast Test ResultsBaseAA 500 400 AAA 400 400 Max 100 |
base-white
#FFFFFF hsl(305.21, 100%, 100%) rgb(255, 255, 255) lch(100 0 0)Contrast Test Results
Base
AA
500
600
AAA
600
600
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
500
AAA
500
600
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
base-100
#F6F6F6 hsl(339.45, 0%, 96.6%) rgb(246.33, 246.33, 246.33) lch(97 0 153.81)Contrast Test Results
Base
AA
500
600
AAA
600
600
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
base-150
#EAEAEA hsl(339.45, 0%, 91.82%) rgb(234.15, 234.15, 234.15) lch(92.75 0 153.81)Contrast Test Results
Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
base-200
#DEDEDE hsl(339.45, 0%, 87.09%) rgb(222.09, 222.09, 222.09) lch(88.5 0 153.81)Contrast Test Results
Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
base-250
#D2D2D2 hsl(339.45, 0%, 82.41%) rgb(210.14, 210.14, 210.14) lch(84.25 0 153.81)Contrast Test Results
Base
AA
600
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
600
AAA
600
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
base-300
#C6C6C6 hsl(339.45, 0%, 77.78%) rgb(198.33, 198.33, 198.33) lch(80 0 153.81)Contrast Test Results
Base
AA
600
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
base-400
#9E9E9E hsl(339.45, 0%, 61.84%) rgb(157.7, 157.7, 157.7) lch(65 0 153.81)Contrast Test Results
Base
AA
700
700
AAA
700
900
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
700
750
AAA
750
900
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
700
750
AAA
750
900
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
700
750
AAA
750
900
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
base-500
#777777 hsl(339.45, 0%, 46.63%) rgb(118.91, 118.91, 118.91) lch(50 0 153.81)Contrast Test Results
Base
AA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
base-600
#525252 hsl(339.45, 0%, 32.27%) rgb(82.29, 82.29, 82.29) lch(35 0 153.81)Contrast Test Results
Base
AA
300
300
AAA
300
100
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
300
200
AAA
200
100
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
300
250
AAA
250
100
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
300
250
AAA
250
100
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
base-700
#303030 hsl(339.45, 0%, 18.94%) rgb(48.29, 48.29, 48.29) lch(20 0 153.81)Contrast Test Results
Base
AA
400
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
base-750
#272727 hsl(339.45, 0%, 15.39%) rgb(39.23, 39.23, 39.23) lch(15.75 0 153.81)Contrast Test Results
Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
base-800
#1E1E1E hsl(339.45, 0%, 11.95%) rgb(30.48, 30.48, 30.48) lch(11.5 0 153.81)Contrast Test Results
Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
base-850
#161616 hsl(339.45, 0%, 8.63%) rgb(22.01, 22.01, 22.01) lch(7.25 0 153.81)Contrast Test Results
Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
base-900
#0B0B0B hsl(339.45, 0%, 4.28%) rgb(10.92, 10.92, 10.92) lch(3 0 153.81)Contrast Test Results
Base
AA
500
400
AAA
400
400
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
base-black
#000000 hsl(0, 0%, 0%) rgb(0, 0, 0) lch(0 0 0)Contrast Test Results
Base
AA
500
500
AAA
500
400
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
500
AAA
500
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
500
AAA
500
400
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
500
AAA
500
400
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
purple-100
#FBF7FF hsl(270, 100%, 98.5%) rgb(251.18, 247.35, 255) lch(97.832 4.1395 309.198)Contrast Test Results
Base
AA
500
600
AAA
600
600
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
purple-150
#F0E1FD hsl(271.19, 88.48%, 93.86%) rgb(239.88, 225.47, 253.19) lch(91.557 15.265 310.243)Contrast Test Results
Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
purple-200
#E5CCFB hsl(272.37, 84.47%, 89.06%) rgb(228.96, 203.53, 250.67) lch(85.282 26.3905 311.287)Contrast Test Results
Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
purple-250
#DAB5F7 hsl(273.56, 81.34%, 84.1%) rgb(218.36, 181.46, 247.43) lch(79.007 37.516 312.331)Contrast Test Results
Base
AA
600
700
AAA
700
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
purple-300
#D09FF3 hsl(274.76, 78.57%, 78.95%) rgb(208.02, 159.13, 243.5) lch(72.731 48.6415 313.375)Contrast Test Results
Base
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
purple-400
#BB78E4 hsl(277.26, 66.5%, 68.15%) rgb(186.86, 119.77, 227.8) lch(61.235 63.7085 315.263)Contrast Test Results
Base
AA
700
750
AAA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
700
800
AAA
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
700
800
AAA
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
700
800
AAA
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
purple-500
#A64ED3 hsl(280, 60%, 56.5%) rgb(166.26, 77.52, 210.63) lch(49.739 78.7755 317.15)Contrast Test Results
Base
AA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
purple-600
#7F35A6 hsl(279.08, 51.28%, 43%) rgb(126.66, 53.42, 165.87) lch(37.516 69.044 316.745)Contrast Test Results
Base
AA
300
250
AAA
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
purple-700
#591E7B hsl(278.16, 60.54%, 30.06%) rgb(89.28, 30.25, 123.06) lch(25.292 59.3125 316.34)Contrast Test Results
Base
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
purple-750
#461A5F hsl(277.69, 56.91%, 23.79%) rgb(69.52, 26.14, 95.18) lch(19.469 46.759 316.065)Contrast Test Results
Base
AA
400
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
400
400
AAA
400
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
400
400
AAA
400
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
purple-800
#331545 hsl(277.41, 52.55%, 17.62%) rgb(50.75, 21.31, 68.53) lch(13.646 34.205 315.79)Contrast Test Results
Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
purple-850
#21102B hsl(277.5, 46.56%, 11.6%) rgb(33.03, 15.81, 43.37) lch(7.823 21.651 315.515)Contrast Test Results
Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
purple-900
#100314 hsl(285, 75%, 4.5%) rgb(15.78, 2.87, 20.08) lch(1.999 9.097 315.239)Contrast Test Results
Base
AA
500
400
AAA
400
400
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
turquoise-100
#F0FCF7 hsl(157, 68%, 96.5%) rgb(240.01, 252.14, 247.49) lch(98.027 4.883 170.026)Contrast Test Results
Base
AA
500
600
AAA
600
600
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
turquoise-150
#D0EFE3 hsl(157.43, 49.35%, 87.68%) rgb(208.08, 239.09, 227.42) lch(92.031 12.502 169.712)Contrast Test Results
Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
turquoise-200
#B0E2D0 hsl(158.01, 46.2%, 78.76%) rgb(175.82, 225.86, 207.52) lch(86.034 20.1205 169.398)Contrast Test Results
Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
turquoise-250
#8FD4BC hsl(158.81, 45.09%, 69.63%) rgb(142.62, 212.47, 187.8) lch(80.038 27.7395 169.084)Contrast Test Results
Base
AA
600
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
turquoise-300
#6BC7A8 hsl(160, 45%, 60%) rgb(107.1, 198.9, 168.3) lch(74.041 35.358 168.77)Contrast Test Results
Base
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
turquoise-400
#43A68A hsl(162.93, 42.82%, 45.66%) rgb(66.57, 166.29, 137.91) lch(61.987 36.5465 170.403)Contrast Test Results
Base
AA
700
750
AAA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
700
750
AAA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
700
800
AAA
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
700
800
AAA
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
turquoise-500
#06876D hsl(168, 92%, 27.5%) rgb(5.61, 134.64, 108.83) lch(49.933 37.7345 172.035)Contrast Test Results
Base
AA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
turquoise-600
#0E6650 hsl(164.96, 75.59%, 22.77%) rgb(14.18, 101.97, 79.96) lch(38.146 30.7125 169.548)Contrast Test Results
Base
AA
300
250
AAA
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
turquoise-700
#0D4736 hsl(162, 69%, 16.5%) rgb(13.04, 71.11, 53.69) lch(26.358 23.69 167.061)Contrast Test Results
Base
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
turquoise-750
#0F382A hsl(160.5, 58.43%, 13.78%) rgb(14.61, 55.67, 42.32) lch(20.297 18.618 166.906)Contrast Test Results
Base
AA
400
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
turquoise-800
#0E291F hsl(158.95, 48.98%, 10.76%) rgb(14, 40.86, 31.43) lch(14.235 13.5455 166.751)Contrast Test Results
Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
turquoise-850
#0B1B15 hsl(158.04, 43.69%, 7.36%) rgb(10.57, 26.97, 20.97) lch(8.173 8.473 166.596)Contrast Test Results
Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
turquoise-900
#000A06 hsl(153, 100%, 2%) rgb(0, 10.2, 5.61) lch(2.111 3.4005 166.44)Contrast Test Results
Base
AA
500
400
AAA
400
400
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
red-100
#FFF6F5 hsl(5, 100%, 98%) rgb(255, 245.65, 244.8) lch(97.446 3.3385 27.072)Contrast Test Results
Base
AA
500
600
AAA
600
600
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
red-150
#FFE0DD hsl(5.13, 100%, 93.39%) rgb(255, 224.16, 221.28) lch(91.638 11.4445 27.627)Contrast Test Results
Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
red-200
#FFCBC6 hsl(4.95, 100%, 88.83%) rgb(255, 202.71, 198.01) lch(85.965 20.143 27.842)Contrast Test Results
Base
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
red-250
#FFB4AE hsl(4.63, 100%, 84.12%) rgb(255, 180.26, 174.01) lch(80.217 29.8885 28.102)Contrast Test Results
Base
AA
600
600
AAA
600
700
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
red-300
#FF9D96 hsl(4, 100%, 79.5%) rgb(255, 157.42, 150.45) lch(74.659 40.35 28.268)Contrast Test Results
Base
AA
600
700
AAA
700
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
600
700
AAA
700
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
red-400
#EE7066 hsl(4.4, 80.42%, 66.72%) rgb(238.38, 111.89, 101.87) lch(62.312 56.095 31.238)Contrast Test Results
Base
AA
700
750
AAA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
700
750
AAA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
700
800
AAA
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
700
800
AAA
800
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
red-500
#D93E36 hsl(3, 68%, 53%) rgb(216.65, 61.8, 53.65) lch(49.965 71.84 34.208)Contrast Test Results
Base
AA
750
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
200
Max
900
All
100
150
200
250
300
400
500
600
700
750
800
850
900
red-600
#A92B24 hsl(3.11, 64.79%, 40.17%) rgb(168.78, 42.94, 36.06) lch(38.314 61.3505 34.878)Contrast Test Results
Base
AA
300
250
AAA
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
300
200
AAA
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
red-700
#7B1914 hsl(2.81, 72.25%, 28.09%) rgb(123.4, 24.72, 19.88) lch(26.663 50.861 35.547)Contrast Test Results
Base
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
400
300
AAA
300
200
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
red-750
#601613 hsl(2.73, 67.26%, 22.47%) rgb(95.85, 22.27, 18.76) lch(20.479 39.47 33.859)Contrast Test Results
Base
AA
400
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
400
300
AAA
300
250
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
red-800
#451310 hsl(3.83, 62.87%, 16.66%) rgb(69.19, 19.18, 15.77) lch(14.295 28.079 32.17)Contrast Test Results
Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
red-850
#2C0F0A hsl(9.39, 63.76%, 10.51%) rgb(43.89, 15.06, 9.71) lch(8.111 16.688 30.482)Contrast Test Results
Base
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
red-900
#130301 hsl(7, 90%, 4%) rgb(19.38, 3.16, 1.02) lch(1.926 5.297 28.793)Contrast Test Results
Base
AA
500
400
AAA
400
400
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Purple
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Turquoise
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Red
AA
500
400
AAA
400
300
Max
100
All
100
150
200
250
300
400
500
600
700
750
800
850
900
Sidebar is empty, sorry!